.w {
    width: 1225px;
    margin: 0 auto;
}

body {
    min-width: 540px;
    max-width: 1900;
}

* {
    margin: 0;
    padding: 0;
}

@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?if4ku8');
    src: url('../fonts/icomoon.eot?if4ku8#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?if4ku8') format('truetype'), url('../fonts/icomoon.woff?if4ku8') format('woff'), url('../fonts/icomoon.svg?if4ku8#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}


/*让button 按钮 变成小手*/

button {
    cursor: pointer;
    border: 0;
}

.wrap {
    height: 1600px;
    background-color: #283555;
}


/* 快捷导航shorcut */

.shortcut {
    height: 40px;
    line-height: 40px;
}


/* 左侧盒子 */

.shortcut .fl {
    float: left;
}

.fl ul li {
    float: left;
}

.fl ul li a {
    font-size: 11px;
    color: #b0b0b0;
}

.fl ul li a em {
    padding: 0 5px;
    color: #3e3935;
}


/* 歌曲搜索 */

.searchBar {
    float: right;
    width: 295px;
    height: 50px;
    border: 1px solid #e0e0e0;
    border-radius: 25px;
    overflow: hidden;
    margin-left: 100px;
}

.searchBar input {
    /* float: left; */
    width: 242px;
    height: 48px;
    padding-left: 15px;
    border: 0;
}

.searchBar .search-btn {
    float: right;
    width: 50px;
    height: 48px;
    background-color: #ffffff;
    border-left: 1px solid #e0e0e0;
    cursor: pointer;
}

.searchBar input[class*=iconfont] {
    font-family: 'icomoon';
    font-style: 400;
    padding: 10px 15px;
    border: 0;
}

.logo {
    float: left;
    width: 153x;
    height: 50px;
}

.logo img {
    width: 153px;
    height: 50px;
    vertical-align: middle;
}

.logo img:first-child {
    width: 63px;
    height: 50px;
    vertical-align: middle;
    border-radius: 25px;
}

.logo img:nth-child(2) {
    width: 663px;
    height: 50px;
    vertical-align: middle;
    border-radius: 25px;
}

.center_con {
    position: relative;
    margin-top: 65px;
    height: 600px;
    /* background-color: rgb(86, 74, 64); */
    background-color: #59506A;
}

.play_warp {
    position: relative;
    padding: 20px 0;
    height: 600px;
}

.auto_con .myaudio {
    position: absolute;
    left: 334px;
    bottom: 30px;
    width: 891px;
}


/* <!-- 歌曲信息列表开始 --> */

.song_wrapper {
    position: relative;
    float: left;
    width: 333px;
    overflow-y: scroll;
}

.song_wrapper ul {
    display: block;
    height: 546px;
}

.pic {
    position: relative;
    float: left;
    width: 312px;
    height: 576px;
}

.pic img {
    position: relative;
    top: 50px;
    left: 56px;
    width: 200px;
    height: 200px;
    border-radius: 100px;
    border: 0;
}


/* mv */

.vidio_con {
    position: relative;
    float: left;
    width: 570px;
}

.vidio_con .video {
    position: absolute;
    top: 0;
    width: 550px;
    height: 450px;
}


/* .vidio_con .mask {
    width: 550px;
    height: 450px;
    background-color: #59506A;
    
    background-color: #fff;
} */


/* 播放按钮 */

.song_wrapper ul li {
    font-size: 12px;
    color: #ffffff;
}

.song_wrapper ul li b {
    font-style: 400;
}

.song_wrapper ul li i {
    margin-left: 20px;
}

.song_wrapper ul li span {
    position: absolute;
    right: 10px;
    cursor: pointer;
}

.song_wrapper ul li span::after {
    font-family: 'icomoon';
    content: '\e90b';
    font-style: 400;
    font-size: 20px;
    padding: 0 10px;
}

.song_wrapper ul li a::after {
    font-family: 'icomoon';
    content: '\e90f';
    font-style: 400;
    font-size: 20px;
    padding: 0 10px;
    color: #fff;
}

.jieshao p {
    display: inline;
    font-size: 16px;
    color: #fff;
}

.jieshao p:first-child {
    margin-left: 52px;
}

.jieshao p:nth-child(2) {
    margin-left: 75px;
}